/*蘑菇街的公共样式*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend
{
    margin:0;
    padding:0;

}
ol,ul {list-style:none;}
:focus {outline:0;} /* 获取焦点的任何元素都不会出现一个虚框 */
a img {border:0;z-index: 10}
img {vertical-align: middle;}
table {empty-cells:show;}/* 定义了不包含任何内容的表单元格如何表示*/
ins{text-decoration:none;}
del{text-decoration:none;}  /* 下划线和删除线的样式去除 */
em {font-style:normal;}
button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner
{
    border:0;
    padding:0;
}
.fl {float:left;}
.fr {float:right;}
.fn {float:none;}
.al {text-align: left;}
.ac {text-align:center;}
.ar {text-align: right;}
.clr {display: block;overflow: hidden;clear:both;height:0;line-height: 0;font-size:0;}
.clearfix {display: block}
*+html .clearfix {min-height:1%}
.overflow {overflow: hidden;}
.form label,.form input,.form select,.form textarea,.form button,.form .label {float:left;font-size:12px;}
.block {display:block;overflow: hidden;}
.hide {display:none; }
/*.invisible {visibility: hidden} 仍然占据空间，区别于display:none*/
                                h1{font:20px "microsoft yahei","\5b8b\4f53"}
h2,h3{font-size:14px}
h4,h5,h6{font-size:12px}
a{color:#666;text-decoration:none}
a:hover{color:#E4393C;text-decoration:underline}
div{clear:both;}

/*蘑菇街的样式正式开始*/

#all {width:100%;font:12px/150% Arial,Verdana,"\5b8b\4f53";color:#666666;background:#fff;
    _background-attachment: fixed;
    /* 专门针对IE6设置的HACK，第二个属性是为了保证position:fixed的支持的更好，相对于窗口的定位不会出现抖动的现象 */
}
.top {height:70px;border:1px solid #eee;background-color:#f7f7f7;}
.box ul li {width:1210px;line-height:50px;margin:0 auto;float:left;width:20%;font-size:14px;left:300px;}
.one{width:100%;height:100px;background-color:white; }
.container{width:100%;height:100%;}
.f{width:1200px;height:500px;border:1px solid #ccc;position:absolute;left:350px;}

.a ul li{float:right;margin-left:140px;margin-top:120px;color:black;}
.b ul li{float:right;margin-left:140px;margin-top:30px;color:black;}

.container .drop .drop-contenta {
    position:absolute;
    top:50px;
    left:1000px;
    width:100px;
    height:100px;
    border:1px solid #ccc;
    background-color: #f7f7f7;
    border-top:none;
    color:#aaa;
    z-index: 100;
    display:none;
}


.container .drop .drop-contentb {
    position:absolute;
    top:50px;
    left:1150px;
    width:100px;
    height:100px;
    border:1px solid #ccc;
    background-color: #f7f7f7;
    border-top:none;
    color:#aaa;
    z-index: 100;
    display:none;
}



.container .drop .drop-contentc {
    position:absolute;
    top:50px;
    left:1400px;
    width:100px;
    height:100px;
    border:1px solid #ccc;
    background-color: #f7f7f7;
    border-top:none;
    color:#aaa;
    z-index: 100;
    display:none;
}

.container .drop .drop-contentd {
    position:absolute;
    top:50px;
    left:1500px;
    width:100px;
    height:100px;
    border:1px solid #ccc;
    background-color: #f7f7f7;
    border-top:none;
    color:#aaa;
    z-index: 100;
    display:none;
}


.container ul.drop ul.drop-content li a {
    color:#aaa;
}
.container ul.drop ul.drop-content li a:hover {
    text-decoraton:underline;
}







